<template>
	<el-dialog title="导入" :visible.sync="importVisible" width="30%" class="_import_">
		<el-alert title="请按照模版要求填写对应数据" type="warning" />
		<el-divider />
		<el-button size="small" type="danger" @click="exportExcelTemplate" class="fr">下载导出模版</el-button>

		<div style="color: #909399"> <i class="el-icon-warning-outline" /> 请按照模板样式填写</div>
		<div style="color: #909399"> <i class="el-icon-warning-outline" /> 请勿出现整行为空、单元格为空的情形</div>
		<div style="color: #909399"> <i class="el-icon-warning-outline" /> 为确保您的订单数据导入正常，建议下载新的模板导入</div>
		<el-divider />
		<el-upload ref="importUpload" :action="importAction" :show-file-list="true" :multiple="false" :limit="1"
			:data="extraImport" :file-list="importList" :headers="importHeaders" :auto-upload="false"
			:on-success="importSuccess" v-loading="importLoading">
			<div>
				<el-button slot="trigger" size="small" type="primary">选取导入文件</el-button>
			</div>
		</el-upload>
		<el-button size="small" type="success" class="fr" @click="handleSubmitImport">导入</el-button>
	</el-dialog>
</template>

<script>
	import _import from '../mixin/import'
	import excel from '@/components/Catch/Table/mixin/excel'

	export default {
		name: 'ImportExcel',
		mixins: [_import, excel],
		computed: {
			getParent() {
				return this.$parent.getParent
			}
		}
	}
</script>

<style scoped>

</style>